<!DOCTYPE html>
<html lang="en">
  <link href="/vendors/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet">
  <link rel="stylesheet" href="/css/user/login.css" />
  <link rel="stylesheet" href="/css/user/style.css" />
  <link rel="stylesheet" href="/css/user/animate-custom.css" />
  <link rel="shortcut icon" href="/css/user/favicon.ico"> 
  <body>
  <style>
      .product-desc{
            font-size: 20px;
    margin-top: 10px;
      }

  </style>
  <div class="row" style="margin-right: 0px;margin-left: 0px;">
      <div class="row" style="margin-right: 0px;margin-left: 0px;background-color:#3e9db3">
          <div class="col-sm-12">
          <header>
              <div style="height: 80px;font-size: 30px;    vertical-align: middle;    line-height: 80px;
    font-family: initial;color:#ffffff;margin-left:40px">专利智能服务系统</div>
              <!--<nav class="codrops-demos">
                  &lt;!&ndash;
                  <span>Click <strong>"Join us"</strong> to see the form switch</span>
                  <a href="index.html" class="current-demo">Demo 1</a>
                  <a href="index2.html">Demo 2</a>
                  <a href="index3.html">Demo 3</a>
                  &ndash;&gt;
              </nav>-->
          </header>
  </div>

      </div>

      <div class="row">



      </div>

    <div class="col-sm-12 my-container" style="margin-top:40px">
     	<!--<div class="container">-->
            <!-- Codrops top bar -->
            <!--
            <div class="codrops-top">
                <a href="">
                    <strong>&laquo; Previous Demo: </strong>Responsive Content Navigator
                </a>
                <span class="right">
                    <a href=" http://tympanus.net/codrops/2012/03/27/login-and-registration-form-with-html5-and-css3/">
                        <strong>Back to the Codrops Article</strong>
                    </a>
                </span>
                <div class="clr"></div>
            </div>
            -->



            <section style="">
            	
                <div id="container_demo" >
                	<!--<div id="des" style="margin-left:43px">
                    	&lt;!&ndash;<img src="/css/images/head.jpg" style="width:600px;"></img>&ndash;&gt;
                        <p style="color:#3e9db3;font-size: 20px;font-weight: 600;">产品特点：</p>
                        <p class="product-desc">1. 面向专利及相关行业从业人员的专利智能服务系统</p>
                        <p class="product-desc">2. 集成专利智能检索、分析、可视化、数据管理四大核心功能</p>
                        <p class="product-desc">3. 快捷高效地满足用户对专利信息的深度挖掘与分析</p>

                    </div>-->
                    <div id="des" style="margin-left:43px">
                    <div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
                        <!-- Indicators -->
                        <!--<ol class="carousel-indicators">
                            <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
                            <li data-target="#carousel-example-generic" data-slide-to="1"></li>
                            <li data-target="#carousel-example-generic" data-slide-to="2"></li>
                        </ol>-->

                        <!-- Wrapper for slides -->
                        <div class="carousel-inner" role="listbox">
                            <div class="item active">
                                <img src="/img/gallery/1.jpg" width="100%" >
                                <div class="carousel-caption" style="position: absolute;    line-height: 30px;bottom: 0px;right: 1px;left: 65%;width: 200px;font-size: 18px;font-weight: 600;">
                                    面向专利及相关行业从业人员的专利智能服务系统
                                </div>
                            </div>
                            <div class="item">
                                <img src="/img/gallery/2.jpg" width="100%">
                                <div class="carousel-caption" style="position: absolute;    line-height: 30px;bottom: 0px;right: 1px;left: 50%;width: 250px;font-size: 18px;font-weight: 600;">
                                    集成专利智能检索、分析、可视化、数据管理四大核心功能
                                </div>
                            </div>
                            <div class="item">
                                <img src="/img/gallery/3.jpg" width="100%">
                                <div class="carousel-caption" style="position: absolute;    line-height: 30px;top: 20px;right: 1px;left: 67%;width: 200px;font-size: 18px;font-weight: 600;">
                                    快捷高效地满足用户对专利信息的深度挖掘与分析
                                </div>
                            </div>
                        </div>

                        <!-- Controls -->
                        <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
                            <span class="glyphicon glyphicon-chevron-left"></span>
                            <span class="sr-only">Previous</span>
                        </a>
                        <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
                            <span class="glyphicon glyphicon-chevron-right"></span>
                            <span class="sr-only">Next</span>
                        </a>
                    </div>
                    </div>

                	<!-- hidden anchor to stop jump http://www.css3create.com/Astuce-Empecher-le-scroll-avec-l-utilisation-de-target#wrap4  -->
                    <a class="hiddenanchor" id="toregister"></a>
                    <a class="hiddenanchor" id="tologin"></a>
                    <div id="wrapper" >
                        <div id="login" class="animate form">
                            <!--<form action="" method="post" autocomplete="on">-->
                            <form autocomplete="on"> 
                                <!--<h1>&nbsp</h1>--> 
                                <p class="input-value"> 
                                    <label for="username" class="uname" data-icon="u" >&nbsp</label>
                                    <input id="username" name="username" required="required" type="text" placeholder="输入用户名"/>
                                </p>
                                <p class="input-value"> 
                                    <label for="password" class="youpasswd" data-icon="p">&nbsp</label>
                                    <input id="password" name="password" required="required" type="password" placeholder="输入登录密码" />
                                </p>
                                <p class="keeplogin" style="height:20px">
									<!--<input type="checkbox" name="loginkeeping" id="loginkeeping" value="loginkeeping" />
									<label for="loginkeeping">保存用户名和密码</label>-->
								</p>
                                <p class="login button"> 
                                    <input id="login-start" value="登录" /> 
								</p>
                                <p class="change_link">
									没有账号?
									<a href="#toregister" class="to_register">前往注册</a>
								</p>
                            </form>
                        </div>

                        <div id="register" class="animate form">
                            <form action="" method="post" autocomplete="on"> 
                                
                                <p class="input-value"> 
                                    <label for="usernamesignup" class="uname" data-icon="u">&nbsp</label>
                                    <input id="usernamesignup" name="usernamesignup" required="required" type="text" placeholder="输入用户名" />
                                </p>
                                <!--
                                <p class="input-value"> 
                                    <label for="emailsignup" class="youmail" data-icon="e" >&nbsp</label>
                                    <input id="emailsignup" name="emailsignup" required="required" type="email" placeholder="mysupermail@mail.com"/> 
                                </p>
                                -->
                                <p class="input-value"> 
                                    <label for="passwordsignup" class="youpasswd" data-icon="p">&nbsp</label>
                                    <input id="passwordsignup" name="passwordsignup" required="required" type="password" placeholder="输入密码"/>
                                </p>
                                <p class="input-value"> 
                                    <label for="passwordsignup_confirm" class="youpasswd" data-icon="p">&nbsp</label>
                                    <input id="passwordsignup_confirm" name="passwordsignup_confirm" required="required" type="password" placeholder="再次输入密码"/>
                                </p>
                                <p class="signin button"> 
									<input id="register-start" value="注册"/> 
								</p>
                                <p class="change_link">  
									已注册过 ?
									<a href="#tologin" class="to_register"> 前去登录 </a>
								</p>
                            </form>
                        </div>
						
                    </div>
                </div>  
            </section>
        <!--</div>-->
  	</div>
  </div>
  </body>
  <script src="/js/packages/require.js" data-main="/js/user/login"></script>
<script>

    $('.carousel').carousel({
 interval: 2000
})
</script>
</html>